import React from 'react';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { MessageSquare } from 'lucide-react';
import ApprovalTimeline from './approval-timeline';

// 审批流程组件
const ApprovalFlow = ({ 
  approvalSteps = [], 
  currentStep = 0, 
  onApprove, 
  onReject, 
  onReturn,
  canApprove = false,
  canReject = false,
  canReturn = false 
}) => {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center gap-2">
          <MessageSquare className="size-5" />
          审批流程
        </CardTitle>
      </CardHeader>
      <CardContent>
        <ApprovalTimeline
          approvalSteps={approvalSteps}
          currentStep={currentStep}
          onApprove={onApprove}
          onReject={onReject}
          onReturn={onReturn}
          canApprove={canApprove}
          canReject={canReject}
          canReturn={canReturn}
        />
      </CardContent>
    </Card>
  );
};

export default ApprovalFlow; 